<template>
  <view>
    <view class="pic-box">
      <u--image
        shape="circle"
        :src="src"
        width="280rpx"
        height="280rpx"></u--image>
    </view>
    <div
      style="
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40rpx;
        color: rgba(0, 0, 0, 1);
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 48rpx;
      ">
      {{ people == 0 ? '骑手' : '战长' }}
    </div>
    <div
      style="
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 300rpx;
      ">
      <div class="out-btn" @click="loginout">退出登录</div>
    </div>
    <Tabbar></Tabbar>
  </view>
</template>
<script setup>
import Tabbar from '@/components/tabbar/index.vue'
import { UseTypestore } from '@/stores/index'
const store = UseTypestore()
const people = ref(store.whichType)
const src = ref('https://cdn.uviewui.com/uview/album/1.jpg')
const loginout = () => {
  store.setType(0)
  uni.redirectTo({
    url: '/pages/index/index'
  })
}
</script>
<style>
.pic-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100rpx;
}

.out-btn {
  width: 490rpx;
  height: 92rpx;
  border-radius: 46rpx;
  background: rgba(255, 99, 6, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 1);
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 32rpx;
}
</style>
